<template>
 <div>
   <van-grid :column-num="3">
    <van-grid-item v-for="item in hotData" :key ="item.id" @click="$router.push(`/show?id=${item.id}`)">
      <van-image :src="'http://124.223.14.236:8060/'+item.pic" style="height:126px;"/>
      <p>{{item.title}}</p>
    </van-grid-item>
  </van-grid>

 </div>
</template>

<script>
import { hotRecommend } from '@/api/index'
export default {
  props: {
    item: {
      type: Object,
      default: () => ({})
    }
  },
  data () {
    return {
      hotData: []
    }
  },

  async created () {
    const res = await hotRecommend()
    this.hotData = res.data.list
  }
}
</script>

<style>

</style>
